Day10 [Flutter通訊錄實作]-建立專案 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 10

0

Mobile Development

用30天學習做出我的第一個Flutter App系列第 10 篇

Day10 [Flutter通訊錄實作]-建立專案

15th鐵人賽

2023-09-25 23:54:44

415 瀏覽

分享至

前言

接下來這幾天我想要藉由通訊錄的範例，一邊實作一邊學習Flutter的開發技能。目前主要步驟&流程是參考這篇文章：https://www.appcoda.com.tw/flutter-basics/ ，如果有遇到要再深入學習、練習的功能、概念，就會再另外寫文章說明！

那下面就先從建立一個專案來開始我的實作練習！

建立第一個Flutter專案

點擊 New Flutter Project新增一個Flutter專案。
選擇 Flutter SDK 路徑
依序輸入專案名稱、專案位置，專案描述、選擇Android跟iOS支援的程式語言。
- 專案名稱為了遵循Dart的規範，必須要是全小寫的！將上面名稱改為address_book專案就建完了！
建完專案後，先來打開模擬器測試！

5.打開模擬器之後，點擊綠色三角形Run，在模擬器上打開App，就可以看到範例的App了。
- 可以點擊模擬器右下角的加號進行互動，點一下螢幕上的數字就會加一。

參考資料：
https://www.appcoda.com.tw/flutter-basics/
https://medium.com/flutter-taipei/%E4%BE%86%E5%90%A7-flutter-3-%E7%AC%AC%E4%B8%80%E5%80%8Bflutter-app-35f62fa0c5fc

Day9 [Dart]類別(下)

Day11 [Flutter通訊錄實作]-製作主頁

系列文

用30天學習做出我的第一個Flutter App 共 30 篇

目錄

RSS系列文訂閱系列文

5 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

1 則留言

0

arguskao

iT邦新手 3 級 ‧ 2023-10-03 16:09:03

才差一個版本，畫面都不一樣了，我是2022.3.1

回應
檢舉

登入發表回應

我要留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22198 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙